<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="Author" content="">
<meta content="" name="design">
<title>广州一代医药科技有限公司</title>
<link rel="stylesheet" type="text/css" media="all" href="css/css_whir.css"/>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script src="/Scripts/vue-2.6.12.js"></script>
<script type="text/javascript" src="Scripts/jquery-1.7.min.js"></script>
<script type="text/javascript" src="Scripts/jquery.SuperSlide.2.1.1.js"></script>
<!--[if lt IE 9]><script type="text/javascript" src="scripts/html5shiv.v3.72.min.js"></script><![endif]-->
<script  type="text/javascript"> var navid="3"</script>
<script>
    function test(name, Content) { 
		var html="<img src="+name+" />";
		$(".videoBig").html(html);
		document.getElementById("picTile").innerHTML=Content;
    }
</script>


</head>

<body > 
  <header class="Header">
  <div class="head">
    <a href="首页.html" class="logo"><img src="images/logo.jpg"  /></a>
    <div class="head-Right">
    <a href="#" class="add-site">收藏本站</a>
    <div class="language-select">
      <span class="checked-lan"><a >ENGLISH</a><em></em></span>
      <ul class="language-menu">
        <li><a href="#">ENGLISH</a></li>
        <li><a href="#">中文版</a></li>
      </ul>
    </div>
    <div class="Searchbox">
      <input name="" type="text" class="search_ipu" id="key" value="输入要搜素的信息" onblur="if(this.value=='')this.value='输入要搜素的信息';" onfocus="if(this.value=='输入要搜素的信息')this.value='';" onkeydown="entersearch()"/>
            <input name="" type="button" class="search_btn" value="" onclick="return GoSearchUrl();" />

      <div class="clear"></div>
      
    </div>
    </div>
    <div class="clear"></div>
  </div>
   <nav class="Mainnav">
       <ul class="menuone">
           <li><a href="index.html" class="ona" id="nav1">首 页<span></span></a></li>
           <li><a href="会诊医生.html" class="ona" id="nav2">会诊医生<span></span></a></li>
           <li><a href="产品目录_列表页.html" class="ona" id="nav3">产品目录<span></span></a></li>
           <li><a href="健康知识.html" class="ona" id="nav4">健康知识<span></span></a></li>
           <li><a href="用户反馈.html" class="ona" id="nav5">用户反馈<span></span></a></li>
           <li><a href="关于我们.html" class="ona" id="nav6">关于我们<span></span></a></li>
           <li><a href="#" class="ona" id="nav7">联系我们<span></span></a></li>
           <div class="clear"></div>
       </ul> 
   </nav>
</header>
<script type="text/javascript">
$("#nav"+navid).addClass("active");

//语言切换
$(".checked-lan").click(function(){
	$(".language-menu").show();
	})
$(".language-menu li").each(function(){
	$(this).click(function(){
		$(".checked-lan").find("a").html()=$(this).find("a").html();
		//$(".checked-lan").find("a").attr("href")=$(this).find("a").attr("href");
		})
	})
$(".language-select").hover(function(){
	},function(){
		$(this).find(".language-menu").hide();
		})	
	
	
	
</script>
<script type="text/javascript">
//this function do not use jquery for honner page?
function GoSearchUrl() {
	var searchinput = document.getElementById("key");
	if (searchinput.value == ""  || searchinput.value == "输入要搜素的信息") {
		alert("请输入关键字！");
		searchinput.focus();
		return false;
	}
	if (searchinput.value.length > 50) {
		alert("输入的关键字字数不要过多！");
		searchinput.focus();
		return false;
	}
	CheckString(searchinput.value);
}

function GoSreach(rs) {
	window.location = "{$syspath}search/search.aspx?key=" + escape(rs);
	return true;
}

function entersearch(){
	 //alert(dd);
	var event = window.event || arguments.callee.caller.arguments[0];
	if (event.keyCode == 13)
	{
		GoSearchUrl();
	}
}

function CheckString(s) {
         // alert(s)
         var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）—|{}【】'；：“”'。，、？]")
         if (pattern.test(s)) {
             alert("不能输入特殊字符！");
             $(".sreach_ipu").focus();
             $(".sreach_ipu").val("");
             return false;
         }
         else {
             GoSreach(s);
         }
     }
</script>

  <!--图片切换-->
  <aside class="banner ban" style=" background:url(uploadfiles/banner_product.jpg) no-repeat top center; height:210px;">  
    <div class="banlink">
      <!--<a href="#" class="a1">会员登录</a>
      <a href="#" class="a2">名医推荐</a>
      <a href="#" class="a3">咨询客服</a>-->
    </div>
  </aside>
  <!--图片切换 End-->	
  <aside class="Current"><em></em><a href="index.html">首页</a> > <span>产品目录</span></aside>
  
  <section class="ProductMain Main" id="products">
    <div class="conbox">
    <!--start-->
       <div class="product-box">

 <!--主体-->

<div class="templet_video_001">

<div class="videoBig">
 <img src="images/product-Bpic1.jpg"/>
</div>
<div class="videoList">
    <div class="prev"></div>
    <div class="listBox" id="marqueeDemo2">
    <ul class="listImg">
                <li onclick="test('images/product-Bpic1.jpg','内容1')">
                    <div class="pic"><img alt='佳洁1士' src="images/product-Bpic1.jpg" /></div>
                </li>
    </ul>
    </div>
    <div class="next"></div>
</div>
<script type="text/javascript" src="/Scripts/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript">
    $(function () {
		$(".templet_video_001 .listImg li").click(function(){
			var _txt=$(this).find("img").attr("alt");
			$(".tanj_right .tan_yywz").html(_txt);
		})
    });
	jQuery(".videoList").slide({mainCell:".listBox ul",autoPage:true,effect:"left",titOnClassName:"on",vis:3});
</script>
</div>

<div class="tanj_right">
<div class="tan_yywz">

    {{productDes.productName}}

</div>
<div class="tynbgh" id="picTile">
  <div class="neir">
    <p>类别：{{productDes.productCategory}}</p>
    <p>价格：{{productDes.productPrice}}元</p>
    <p><span>规格</span><span v-for="temp in standards"><input type="radio" :value="temp" v-model="goodsOrder.standard" />{{temp}}</span></p>
  </div>
  <a class="button1" href="会员中心_订单确认页面.html" @click="saveData">加入购物车</a><a class="button1" href="#" onclick="history.back()">返回</a>
</div>
</div>
<div class="kangh"></div>

<!--主体-->
<div class="clear"></div>
<!--商品详情-->
 <div class="product-detail">
  <P class="line"><a class="on" href="javascript:void(0);">产品详情</a><a href="javascript:void(0);">产品评论</a><a href="javascript:void(0);">好评率</a></P>

     <ul>
         <li>
             <p style=" text-indent:2em; font-size:12px;">{{productDes.productDetails}}</p>
         </li>
     </ul>
</div>  
<!--商品详情 end-->
               
       </div>
    <!--end-->
    </div>
  </section>
  
  
      <footer class="BottomBox">
    <div class="bottom">
      <div class="fbox1">
        <div class="f-address">地址：</div>
        <nav class="f-nav"><a href="#">流量统计</a> | <a href="#">网站地图</a> | <a href="#">法律声明</a> | <a href="#">友情链接</a></nav>
      </div>
      <div class="fbox2">
      <div class="f-copyright">Copyright © 2015 广州一代医药科技有限公司. All Rights Reserved 
</div>
      <div class="f-record">粤ICP备123456789号  Designed by <a href="#">我的虚拟世界店铺</a>.
</div>
      </div>
    </div>
    </footer>
    
    <script type="text/javascript">
    //整站无图处理
    jQuery.each(jQuery("img"), function (i, n) { jQuery(n).error(function () { n.src = 'uploadfiles/nopic.jpg'; }); n.src = n.src; });
		
    </script>

 <script type="text/javascript">
	 $(".p-list li").each(function (i, item) {
        if (Number(i + 1) % 3 == 0) {
            $(this).css("margin-right","0px");
        }
    });
	
	$(".product-detail ul li").hide();
	$(".product-detail ul li:first").show();
	$(".product-detail .line a").click(function(){
		  var a=$(this).index();
		  $(".product-detail .line a").removeClass("on");
		  $(this).addClass("on");
		  
		  $(".product-detail ul li").hide();
		  $(".product-detail ul li").eq(a).show();
		})
 </script>
  <script src="/Scripts/vue/products.js" type="text/javascript"></script>
</body>
</html>